@media screen and (min-width: 1920px) {
	body:before{
	    content: '1800';
	}

}
@media screen and (max-width: 1950px) {
	body:before{
	    content: '1720';
	}
}
@media screen and (max-width: 1750px) {
	body:before{
	    content: '1580';
	}
}
@media screen and (max-width: 1600px) {
	body:before{
	    content: '1430';
	}
	
}	

@media screen and (max-width: 1450px) {
	body:before{
	    content: '1330';
	}
	
}

@media screen and (max-width: 1350px) {
	body:before{
	    content: '1230';
	}
	
}

@media screen and (max-width: 1250px) {
	body:before{
	    content: '1004';
	}
	
}

@media screen and (max-width: 1024px) {
	body:before{
	    content: '100%';
	}

	

}

@media screen and (max-width: 880px) {
	body:before{
	    content: '100%';
	}



	
}
@media screen and (max-width: 768px) {
	.mobile{
		display: block!important;
	}
	.pc{
		display: none!important;
	}

	.m-header{
		height: auto;
	  	overflow: hidden;
	}

	.mo-header {
	  display: flex;
	  height: auto;
	  overflow: hidden;
	}








	.banner{
	    height: 40vh;
	    overflow: hidden;
	    margin-top: 64px;
	}
	.banner .slide{
	    height: 100%;
	}
	.banner .slick-prev:hover, .banner .slick-next:hover{
	    background-color: #6bb935;
	}
	.banner .slick-prev,.banner .slick-next {
	    top: calc( (50vh - 32px)/2 );
	    width: 32px;
	    height: 32px;

	}

	.banner a.banner-a{
	    display: inline-block;
	    width: 100%;
	    height: 100%;
	}
	.banner .slick-dots{
		bottom: 8px;
	}
	.banner .slick-dots li.slick-active{
	    background: #6bb935;

	}




	.slide{
	    height: 40vh;
	}
	.slide li{
	    width: 100%;
	    height: 40vh;
	    background-size: cover;
	    background-position: center;
	}

	.slick-list{
		height: 40vh;
	}


	.slick-prev, .slick-next {
	    right: 20px;
	}

	.slick-prev {
	    left: 20px;
	}

	.slick-dots li{
	    width: 30px;
	    height: 3px;
	}
	/* end 滚动 基础样式  */

	.more-btn-bottom{
		margin-top: 24px;
	}


	.subbanner{
	    height: 120px;
	    margin-top: 64px;
	}
	.subbanner span.cn{
	    font-size: 20px;
	    margin-top: -8px;
	}
	.subbanner span.en{
	    font-size: 30px;
	    margin-top: -20px;
	    letter-spacing: 3px;
	}

	.subheight{
		height: 0px!important;
	}

	.w{
		width: 100%;
		padding: 16px;
		box-sizing: border-box;
	}

	.news-list .l{
		
	}

	.news-list .r{
		display: none;
	}

	.public-view li{
		padding: 16px;
		margin-bottom: 16px;
	}

	.public-view li .public-time{
		width: 60px;
		height: 60px;

	}
	.public-view li .public-time span{
		font-size: 18px;
		margin-top: 12px;
	}
	.public-view li .public-time p{
		font-size: 13px;
	}
	.public-view li .public-text{
		padding-left: 16px;
		width: calc(100% - 60px);
	}
	.public-view li .public-text h3{
		font-size: 15px;
		line-height: 1.4;
		font-weight: normal;
		font-weight: bold;
	}
	.public-view li .public-text p{
		font-size: 13px;
		line-height: 1.4;
	}

	.show-c h1.title{
		font-size: 18px;
		line-height: 1.6;
	}
	.show-c .desc{
		font-size: 13px;
		padding-bottom: 8px;
		line-height: 32px;
	}
	.show-c .c{
		padding-top: 24px;
	}

	.np{
		font-size: 13px;
		line-height: 30px;
	}
	.np a{
		display: flex;
		width: 100%;
		align-items: center;
	}
	.np a em{
		width: 56px;
	}
	.np a p{
		display: flex;
		flex: 1;
		line-height: 1.5;
	}
	.mobile-bottom-height{
		height: 0!important;
	} 

	.index-case ul{

	}

	.index-case ul li{
		width: 100%;
	}
	.index-case ul li a .img{
		height: auto;
	}

	.index-case ul li a span{
		line-height: 48px;
	}

	.sub-server .service li{
		width: 100%;
		height: 120vw; 
	}
	.sub-server .service li > a p{
		padding: 12px 0;
		
	}  

	.sub-server .service li > a p span:nth-child(1){
		font-size: 16px;
	}
	.sub-server .service li > a p span{
		
	}

	.art-lists{
		display: none;
	}

	.channel-top-one{
		flex-direction: column;
	}
	.channel-top-one .img{
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.channel-top-one .img img {
	  	width: 100%;
	  	min-height: 0;
	}

	.channel-top-one .title-info{
		width: 100%;
	}
	.channel-top-one .title-info span.desc{
		display: none;
	}
	.channel-top-one .title-info span.time{
		margin-top: 0px;
	}

	.nyj-lists .li .img{
		width: 100px;
		height: auto;
		overflow: hidden;
		margin-right: 10px;
	}
	.nyj-lists .li .info h3{
		font-size: 16px;
	}

	.nyj-lists .li .desc{
		height: auto;
		overflow: hidden;
	}





	.index-about{
		flex-direction: column;
		margin-top: 16px;
	}
	.index-about .right{
		margin-left: 0;
		width: 100%;
		margin-top: 24px;
		height: 280px;
		overflow: hidden;
	}
	.index-about .right img{
		object-fit: cover;
		object-position: center;
		width: 100%;
		height: 100%;
	}

	.index-about-p2{
		height: auto;
		overflow: hidden;
		margin-top: 24px;
	}
	.index-about-p2 .c{
		margin: 15px;
		width: calc( 100% - 30px );
		padding: 32px 15px;
		height: auto;
	}
	.index-about-p2 .c .data p span:nth-child(1){
		font-size: 20px;
	}
	.index-about-p2 .c .data p span:nth-child(2){
		font-size: 12px;
	}
	.index-news{
		padding: 24px 0;
	}
	.index-news ul{
		margin-top: 0px;
	}
	.index-news ul li{
		width: 100%;
		padding: 15px;
	}
	.index-ziyuan .w{
		padding: 32px 0;
	}
	.index-ziyuan .w h2{
		width: 100%;
		padding: 0 16px;
		font-size: 24px;
	}
	.index-ziyuan .w span{
		padding: 0 16px;
		font-size: 14px;
	}
	.index-ziyuan .w a.more{
		display: none;
	}
	.index-jobs{
		padding: 24px 0;
	}
	.footer-nav{
		display: none;
	}

	.index-title > span:nth-child(1){
		font-size: 24px;
	}

	.index-about-p2{

	}



.mo-header{
    height: 64px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    align-items: center;
    padding: 0 15px;
    border-bottom: 1px #f1f1f1 solid;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.mo-header a.logo img{
	height: 40px;
	width: auto;
}
.mo-header .monav-btn{
    cursor:pointer;
    position: relative;
    width:25px;
    height:19px;
}
.mo-header .monav-btn span{
    width:25px;
    height:1px;
    display: block;
    background: #6bb935;
    position: absolute;
    transition:all .5s;
}
.mo-header .monav-btn .s1{top:0px;}
.mo-header .monav-btn .s2{top:9px;}
.mo-header .monav-btn .s3{top:18px;}
.mo-header .monav-btn .s1.on{transform:rotate(45deg);
           top:10px;
}
.mo-header .monav-btn .s2.on{opacity: 0;}
.mo-header .monav-btn .s3.on{transform:rotate(-45deg);
           top:10px;
}
.mo-header i{
    font-size: 28px;
    color: #4D9A26;
}

.monav{
    width: 100%;
    height: calc(100vh - 58px);
    background: #fff;
    opacity: 0.98;
    position: fixed;
    top: 58px;
    left: 0;
    z-index: 999999;
    padding: 15px 20px;
    display: none;
}
.monav a{
    display: inline-block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    border-bottom: 1px #f5f5f5 solid;
    font-size: 16px;
    text-align: center;
}
.monav a.sel{
    color: #4d9a29;
}

.np {
	display: none;
	flex-direction: column;
}

.subnav .n{
	padding: 0;
}

.subheight{
	height: 0px!important;
}

.subnav a{
	padding: 10px 0!important;
	width: 50%;
}




}
@media screen and (max-width: 640px) {


}
@media screen and (max-width: 480px) {
	
}